<template>
  <h1>07-组合API-reactive函数</h1>
  <h2>{{ obj }}</h2>
  <button @click="btn">点我</button>
</template>

<script>
import { reactive } from 'vue'
export default {
  name: 'App',
  setup() {
    // 定义响应式对象数据
    const obj = reactive({
      name: '小马',
      age: 88,
    })

    // 修改名字的函数
    const btn = () => {
      obj.name = '老马'
      console.log('obj变了吗', obj)
    }

    // 返回给模板使用
    return { obj, btn }
  },
}
</script>